/* px 转化为rem */
@function rem($px){
	@return $px/108px * 1rem;
	//@return $px/64 rem;
}
*{
	margin:0;
	padding:0;
}
/* 头部 */
.header{
	width:100%;
	height:rem(120px);
	background:#f0f0f0;
	ul{
		height:rem(120px);
		li{
			float:left;
			width:33.33%;
			height:rem(120px);
			.title{
				width:rem(180px);
				height:rem(117px);
				margin:auto;
				text-align: center;
				line-height: rem(117px);
				font-size:rem(45px);
			}
			.artive{
				border-bottom: rem(3px) solid #50b337;
				color:#50b337;
			}
		}
	}
}
.wrap-jiesao{
	width:100%;
	height:rem(120px);
	background:#FFF;
	border-bottom:rem(1px) solid #f0f0f0;
	ul{
		display:flex;
		justify-content:space-around;
		
		li{
			width:25%;
			text-align: center;
			.texts{
				color:#4f4f4f;
				font-size:rem(45px);
				margin:rem(25px) rem(0px) rem(10px) rem(0px);
			}
			.number{
				color:#9b9b9b;
				font-size:rem(30px);
			}
		}
		.artive{
			p{
				color:#50b337;
			}
		}
	}
}
/* 评论 */
.content-wrap{
	background:#F2F2F2;
	.content{
		width:100%;
		height:auto;
		background:#FFF;
		overflow:hidden;
		margin-top:rem(35px);
		.pinlun-wrap{
			width:rem(1030px);
			background:#FFF;
			margin:0 auto;
			overflow:hidden;
			/* 用户评论 */
			.userPlun{
				width:100%;
				height:auto;
				border-bottom:rem(1px) solid #9a9a9a;
				.userInfo{
					margin-top:rem(20px);
					display:flex;
					align-items:center;
	        flex-direction: row;
	        justify-content: space-between;
	        .user-wrap{
	        	display: flex;
		        flex-direction: row;
		        align-items: center;
						.userImg{
							width:rem(75px);
							height:rem(75px);
							border-radius:50%;
							display:inline-block;
							img{
								width:100%;
								height:100%;
								border-radius:50%;
							}
						}
						.userName{
							color:#515151;
							font-size:rem(40px);
							margin-left:rem(20px);
						}
					}
					.plunTime{
						color:#9a9a9a;
						font-size:rem(35px);
					}
				}
				.plunText{
					margin-top:rem(35px);
					color:#696969;
					font-size:rem(40px);
					letter-spacing:rem(2px);
					line-height: rem(45px);
				}
				.plunStar{
					width:rem(300px);
					height:rem(40px);
					margin:rem(40px) 0;
					color:#f95a00;
					i{
						font-size:rem(40px);
					}
				}
			}
			.reply-artive{
				width:100%;
				height:auto;
				color:#fe5600;
				font-size:rem(35px);
				margin:rem(20px) 0;
				letter-spacing: rem(2px);
			}
		}
	}
}

/* 底部 */
.footer{
	width:100%;
	height:rem(145px);
	background:#FFF;
	position:fixed;
	bottom:0;
	ul{
		height:rem(145px);
		
		li{
			float:left;
			height:100%;
		}
		.footer-one{
			width:rem(445px);
			background:#FFF;
			.ico{
				width:33.33%;
				height:100%;
				i{
					color:#898989;
					font-size:rem(50px);
					display:block;
					text-align: center;
					margin:rem(20px) rem(0px) rem(15px) rem(0px);
				}
				span{
					color:#898989;
					font-size:rem(30px);
					display:block;
					text-align: center;
				}
			}
		}
		.f-wrap{
			color:#FFF;
			font-size:rem(40px);
			text-align: center;
			p{
				font-size: rem(35px);
				margin:rem(20px) rem(0px) rem(25px) rem(0px);
			}
			span{
				font-size:rem(40px);
			}
		}
		.footer-two{
			width:rem(320px);
			background:#febd00;
		}
		.footer-three{
			width:rem(315px);
			background:#fe5600;
		}
	}
}
.aa{
	width:100%;
	height:rem(145px);
}